/*********************************************************************************
 * Copyright (C) 2011-2013 X2Engine Inc. All Rights Reserved.
 * 
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 * 
 * Company website: http://www.x2engine.com 
 * Community and support website: http://www.x2community.com 
 * 
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license 
 * to install and use this Software for your internal business purposes.  
 * You shall not modify, distribute, license or sublicense the Software.
 * Title, ownership, and all intellectual property rights in the Software belong 
 * exclusively to X2Engine.
 * 
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER 
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF 
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 ********************************************************************************/

/* @edition:pro */

.temp {
	/* -moz-box-shadow:	0 0 10px 0 rgba(0,0,0,0.75);
	-webkit-box-shadow:	0 0 10px 0 rgba(0,0,0,0.75);
	box-shadow:			0 0 10px 0 rgba(0,0,0,0.75); */
	border:3px solid red !important;
}

.dz {position:absolute;z-index:1;background:none;border:1px solid rgba(255,0,0,0.5);pointer-events:none; 	}


.page-title b {color:#fff;}
.page-title input {margin-top:5px;line-height:24px;border:none;padding:05;}


/* side box with a menu of available flow nodes */
#flow-actions .portlet-content {padding:0;}
#item-box {
	/* width:122px; */
	/* height:500px; */
	/* overflow-y:scroll; */
	/* float:left; */
	/* padding-left:8px;
	text-align:center; */
	/* padding:10px; */
	/*min-height:476px; */
	height:476px; 
	overflow:auto;
	}
/* #item-box .x2flow-node:hover {opacity:1.0;} */
#item-box .x2flow-placeholder {
    display:none;
}
.form.x2flow-trash {
	height:40px;
	width:60px;
	float:right;
	padding:0;
	background:url(../images/x2flow/trashcan.png) center 6px no-repeat #fff;
}
.form.x2flow-trash.x2flow-active {background-position:center -30px;}
.form.x2flow-trash.x2flow-hover {background-position:center -66px;}

/* box where the actual flow is created */
.form.x2flow-main {
	padding:20px 19px;
	position: relative;
}
/* basic flow branch (vertical line of nodes), is a drop target */
.x2flow-branch {font-size:0;}
/* .x2flow-branch.x2flow-active {background:#acf;} */
.form.x2flow-main > .x2flow-branch {display:inline-block;}

/* basic flow unit, can be dragged */


.x2flow-node {
	display:inline-block;
	vertical-align:middle;
}
.x2flow-node.selected {border-color:#ffbf00;}
.x2flow-node.selected:hover {border-color:#ffd460;}
/* .x2flow-node:last-child {margin-bottom:0;} */

.x2flow-action, .x2flow-empty, .x2flow-trigger {
	/* float:left; */
	height:32px;
	width:40px;
	border:2px solid #999;
	margin-right:24px;
	-moz-border-radius:		5px;
	-o-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	cursor:pointer;
}

#x2flow-main {
	overflow-x:auto;
	white-space:nowrap;
	font-size:0;
	background:url(../images/x2flow/grid.gif) left center;
}

#x2flow-main .x2flow-action:after,
#trigger:after {
	content:"";
	width:15px;
	height:30px;
	display:block;
	position:relative;
	left:48px;
	top:-10px;
	background:url(../images/x2flow/arrow.png) no-repeat center center transparent;
}

#trigger.no-label:after,
#x2flow-main .x2flow-action.no-label:after,
#x2flow-main .x2flow-action.x2flow-placeholder:after,
#x2flow-main div.x2flow-placeholder div.x2flow-action:after,
#trigger.x2flow-empty:after {
	top:3px;
}


/* #x2flow-main .x2flow-action.x2flow-placeholder:after {left:58px;top:5px;} */
#x2flow-main .x2flow-node:last-child:after, #x2flow-main .x2flow-placeholder:before, .X2FlowSwitch:before, .X2FlowSwitch:after {display:none;}

.x2flow-action, .x2flow-trigger {
	background-position:center center;
	background-repeat:no-repeat;
}
.x2flow-action {background-color:#DEEEF5/* #EEDFB9 */;}
.x2flow-node span {display:none;}
/* .x2flow-action:hover {background-color:#999;} */
.x2flow-trigger {background-color:#2e5e9c;}	/* #13427f */
.x2flow-trigger:hover {background-color:#1862bd;}	/* #1153a3 */

/* placeholder elements with striped backgrounds */
.x2flow-empty, .x2flow-empty:hover {
	border:2px solid #ccc;
	cursor:default;
	border-color:#ccc;
	background:url(../images/x2flow/hatches.gif);
}
.x2flow-empty:before {display:none;}
/* light up when the parent branch is an active drop target */
.x2flow-branch.x2flow-active > .x2flow-node.x2flow-empty {border-color:#83bed0;background:url(../images/x2flow/hatches-active.gif);}
.x2flow-branch.x2flow-hover > .x2flow-node.x2flow-empty {border-color:#66f0ff;background:url(../images/x2flow/hatches-active-hover.gif);}
/* .x2flow-branch.x2flow-hover {background-color:#ffeeee;} */


/* conditional branch thingy */
.X2FlowSwitch {
	position:relative;
	/* background:#fff; */
}
#item-box .X2FlowSwitch .icon {display:none;}
/* .X2FlowSwitch-valign {display:block-cell;} */
.X2FlowSwitch .icon {
	z-index:1;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	background:url(../images/x2flow/switch.png) top center no-repeat;
	height:30px;
	width:51px;
	cursor:pointer;
}
.X2FlowSwitch .icon:hover {background-image:url(../images/x2flow/switch-hover.png);}
.X2FlowSwitch.selected > .icon {background-image:url(../images/x2flow/switch-selected.png);}
.X2FlowSwitch.selected > .icon:hover {background-image:url(../images/x2flow/switch-selected-hover.png);}
.x2flow-placeholder .icon {
    background-image:url(../images/x2flow/switch-placeholder.png) !important;
}

/* container for the switch's 2 sub-branches */
.x2flow-branch-wrapper {
	display:inline-block;
	vertical-align:middle;
	margin-left:-27px;
	/* background:#fff; */
}
.x2flow-branch-wrapper .x2flow-branch:first-child {margin-bottom:20px;}
.x2flow-branch-wrapper .x2flow-branch:last-child {margin-top:20px;}

#item-delete {
	display:none;
	position:absolute;
	z-index:3;
	height:12px;
	width:12px;
	background:url(../images/x2flow/delete.png) -13px 0px no-repeat transparent;
	cursor:pointer;
}
#item-delete:hover {background-position: 0px 0px;}



/* hide branches in the flow menu */
/* #item-box .X2FlowSwitch {margin:15px 0 0 1px;} */
#item-box .x2flow-branch-wrapper {display:none;}

#item-box .x2flow-node {
	background-repeat:no-repeat;
	height:auto;
	min-height:22px;
	padding:2px 0 2px 26px;
	width:124px;
	margin:0;
	border:1px solid #999;
	border-width:1px 0 0 0;
	background-color:#eee;
	background-position:3px center;
	-moz-border-radius:		0;
	-o-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:			0;
	cursor:pointer;
}
#item-box .x2flow-node:hover {background-color:#fff;}
#item-box .x2flow-node span {display:block;}

/* helpers: hide flow lines when a node is being dragged */
.X2FlowSwitch.x2flow-helper {background:none;}
.X2FlowSwitch.x2flow-helper .x2flow-branch {background:transparent;}
.X2FlowSwitch.x2flow-helper .x2flow-branch-wrapper,
.X2FlowSwitch.x2flow-helper .bracket,
.X2FlowSwitch.x2flow-helper .x2flow-branch {background:none !important;}
.x2flow-node.x2flow-helper {
	/* cursor:move; */
	/* opacity:0.5; */
	/* -moz-box-shadow:	0 5px 20px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:	0 5px 20px 0 rgba(0,0,0,0.5);
	box-shadow:			0 5px 20px 0 rgba(0,0,0,0.5); */
}

.X2FlowSwitch .x2flow-branch {clear:both;padding-left:36px;position:relative;/* margin-top:-16px; */}

.x2flow-branch .bracket {float:left;width:0;}
.X2FlowSwitch .x2flow-branch .bracket {	
	background-position:left center;
	background-repeat:no-repeat;
	/* background:red; */
	width:36px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin:-10px 0;
	padding:10px 0;
	background-image:url(../images/x2flow/bracket-bottom2.gif);
	/* top:0; */
	/* margin:0 -20px 10px -20px; */
}
.x2flow-branch-wrapper .x2flow-branch:first-child > .bracket {bottom:0;background-image:url(../images/x2flow/bracket-top2.gif);}
/* .x2flow-branch-wrapper .x2flow-branch:last-child > .bracket {top:0;background-image:url(../images/x2flow/bracket-bottom.gif);} */


/* placeholders (for dragging in non-clone mode) are just grey outlines */
.x2flow-placeholder, .x2flow-placeholder .x2flow-node {background:#fff;border-color:#ccc;background-image:none !important;}
.x2flow-placeholder.X2FlowSwitch {background:none;}
.x2flow-action.x2flow-placeholder, .x2flow-trigger.x2flow-placeholder {
/* 	width:49px;
	height:39px; */
	border:2px solid #ccc;
	border-color:#ccc;
}
.X2FlowWait					{background-image:url(../images/x2flow/X2FlowWait2.png);}
.X2FlowApiCall				{background-image:url(../images/x2flow/X2FlowApiCall.png);}
.X2FlowCampaignLaunch		{background-image:url(../images/x2flow/X2FlowCampaignLaunch.png);}
.X2FlowCreateAction			{background-image:url(../images/x2flow/X2FlowCreateAction.png);}
.X2FlowCreateEvent			{background-image:url(../images/x2flow/X2FlowCreateEvent.png);}
.X2FlowCreateNotif			{background-image:url(../images/x2flow/X2FlowCreateNotif.png);}
.X2FlowCreateReminder		{background-image:url(../images/x2flow/X2FlowCreateReminder.png);}
.X2FlowEmail				{background-image:url(../images/x2flow/X2FlowEmail.png);}
.X2FlowRecordComment		{background-image:url(../images/x2flow/X2FlowRecordComment.png);}
.X2FlowRecordCreate			{background-image:url(../images/x2flow/X2FlowRecordCreate.png);}
.X2FlowRecordCreateAction	{background-image:url(../images/x2flow/X2FlowCreateAction.png);}	/* X2FlowRecordCreateAction.png */
.X2FlowRecordDelete			{background-image:url(../images/x2flow/X2FlowRecordDelete.png);}
.X2FlowRecordEmail			{background-image:url(../images/x2flow/X2FlowEmail.png);}	/* X2FlowRecordEmail.png */
.X2FlowRecordListAdd		{background-image:url(../images/x2flow/X2FlowRecordListAdd.png);}
.X2FlowRecordListRemove		{background-image:url(../images/x2flow/X2FlowRecordListRemove.png);}
.X2FlowRecordReassign		{background-image:url(../images/x2flow/X2FlowRecordReassign.png);}
.X2FlowRecordTag			{background-image:url(../images/x2flow/X2FlowRecordTag.png);}
.X2FlowRecordUpdate			{background-image:url(../images/x2flow/X2FlowRecordUpdate.png);}
.X2FlowWorkflowComplete		{background-image:url(../images/x2flow/X2FlowWorkflowComplete.png);}
.X2FlowWorkflowRevert		{background-image:url(../images/x2flow/X2FlowWorkflowRevert.png);}
.X2FlowWorkflowStart		{background-image:url(../images/x2flow/X2FlowWorkflowStart.png);}

#item-box .X2FlowSwitch				{background-image:url(../images/x2flow/small/switch.png);}

#item-box .X2FlowWait				{background-image:url(../images/x2flow/small/X2FlowWait2.png);}
#item-box .X2FlowApiCall			{background-image:url(../images/x2flow/small/X2FlowApiCall.png);}
#item-box .X2FlowCampaignLaunch		{background-image:url(../images/x2flow/small/X2FlowCampaignLaunch.png);}
#item-box .X2FlowCreateAction		{background-image:url(../images/x2flow/small/X2FlowCreateAction.png);}
#item-box .X2FlowCreateEvent		{background-image:url(../images/x2flow/small/X2FlowCreateEvent.png);}
#item-box .X2FlowCreateNotif		{background-image:url(../images/x2flow/small/X2FlowCreateNotif.png);}
#item-box .X2FlowCreateReminder		{background-image:url(../images/x2flow/small/X2FlowCreateReminder.png);}
#item-box .X2FlowEmail				{background-image:url(../images/x2flow/small/X2FlowEmail.png);}
#item-box .X2FlowRecordComment		{background-image:url(../images/x2flow/small/X2FlowRecordComment.png);}
#item-box .X2FlowRecordCreate		{background-image:url(../images/x2flow/small/X2FlowRecordCreate.png);}
#item-box .X2FlowRecordCreateAction	{background-image:url(../images/x2flow/small/X2FlowCreateAction.png);}	/* X2FlowRecordCreateAction.png */
#item-box .X2FlowRecordDelete		{background-image:url(../images/x2flow/small/X2FlowRecordDelete.png);}
#item-box .X2FlowRecordEmail		{background-image:url(../images/x2flow/small/X2FlowEmail.png);}	/* X2FlowRecordEmail.png */
#item-box .X2FlowRecordListAdd		{background-image:url(../images/x2flow/small/X2FlowRecordListAdd.png);}
#item-box .X2FlowRecordListRemove	{background-image:url(../images/x2flow/small/X2FlowRecordListRemove.png);}
#item-box .X2FlowRecordReassign		{background-image:url(../images/x2flow/small/X2FlowRecordReassign.png);}
#item-box .X2FlowRecordTag			{background-image:url(../images/x2flow/small/X2FlowRecordTag.png);}
#item-box .X2FlowRecordUpdate		{background-image:url(../images/x2flow/small/X2FlowRecordUpdate.png);}
#item-box .X2FlowWorkflowComplete	{background-image:url(../images/x2flow/small/X2FlowWorkflowComplete.png);}
#item-box .X2FlowWorkflowRevert		{background-image:url(../images/x2flow/small/X2FlowWorkflowRevert.png);}
#item-box .X2FlowWorkflowStart		{background-image:url(../images/x2flow/small/X2FlowWorkflowStart.png);}

.ActionCompleteTrigger			{background-image:url(../images/x2flow/ActionCompleteTrigger.png);}
.ActionCreateTrigger			{background-image:url(../images/x2flow/ActionCreateTrigger.png);}
.ActionOverdueTrigger			{background-image:url(../images/x2flow/ActionOverdueTrigger.png);}
.ActionUncompleteTrigger		{background-image:url(../images/x2flow/ActionUncompleteTrigger.png);}
.CampaignEmailClickTrigger		{background-image:url(../images/x2flow/CampaignEmailClickTrigger.png);}
.CampaignEmailOpenTrigger		{background-image:url(../images/x2flow/CampaignEmailOpenTrigger.png);}
.CampaignUnsubscribeTrigger		{background-image:url(../images/x2flow/CampaignUnsubscribeTrigger.png);}
.CampaignWebActivityTrigger		{background-image:url(../images/x2flow/CampaignWebActivityTrigger.png);}
.NewsletterEmailClickTrigger	{background-image:url(../images/x2flow/NewsletterEmailClickTrigger.png);}
.NewsletterEmailOpenTrigger		{background-image:url(../images/x2flow/NewsletterEmailOpenTrigger.png);}
.NewsletterUnsubscribeTrigger	{background-image:url(../images/x2flow/NewsletterUnsubscribeTrigger.png);}
.NewsletterWebActivityTrigger	{background-image:url(../images/x2flow/NewsletterWebActivityTrigger.png);}
.RecordCreateTrigger			{background-image:url(../images/x2flow/RecordCreateTrigger.png);}
.RecordDeleteTrigger			{background-image:url(../images/x2flow/RecordDeleteTrigger.png);}
.RecordTagAddTrigger			{background-image:url(../images/x2flow/X2FlowRecordTag.png);}
.RecordTagRemoveTrigger			{background-image:url(../images/x2flow/X2FlowRecordTag2.png);}
.RecordUpdateTrigger			{background-image:url(../images/x2flow/RecordUpdateTrigger.png);}
.RecordViewTrigger				{background-image:url(../images/x2flow/RecordViewTrigger.png);}
.UserLoginTrigger				{background-image:url(../images/x2flow/UserLoginTrigger.png);}
.UserLogoutTrigger				{background-image:url(../images/x2flow/UserLogoutTrigger.png);}
.WebActivityTrigger				{background-image:url(../images/x2flow/WebActivityTrigger.png);}
.WebleadTrigger					{background-image:url(../images/x2flow/WebleadTrigger.png);}
.X2FlowTrigger					{background-image:url(../images/x2flow/X2FlowTrigger.png);}
.ActionCreateTrigger			{background-image:url(../images/x2flow/ActionCreateTrigger.png);}
.RecordInactiveTrigger			{background-image:url(../images/x2flow/RecordInactiveTrigger.png);}
.TimerTrigger					{background-image:url(../images/x2flow/TimerTrigger.png);}
.WorkflowCompleteStageTrigger	{background-image:url(../images/x2flow/WorkflowCompleteStageTrigger.png);}
.WorkflowCompleteTrigger		{background-image:url(../images/x2flow/WorkflowCompleteTrigger.png);}
.WorkflowRevertStageTrigger		{background-image:url(../images/x2flow/WorkflowRevertStageTrigger.png);}
.WorkflowStartStageTrigger		{background-image:url(../images/x2flow/WorkflowStartStageTrigger.png);}
.WorkflowStartTrigger			{background-image:url(../images/x2flow/WorkflowStartTrigger.png);}



#x2flow-config-box {
	/* height:120px; */
	padding:5px 19px;
	min-height:150px;
}
#x2flow-main-config {
	overflow:auto;
	/* text-align:left; */
}
#x2flow-config-box.loading {background:url(../images/loading.gif) center center no-repeat #fff;}

#x2flow-config-box fieldset {margin:0 0 0 40px;padding:0;border:none;}

#x2flow-main-config label {float:left;width:100px;margin-top:5px;}
#x2flow-main-config input[type="text"] {width:200px;}

#x2flow-add-condition {display:inline-block;}

/* prevent unnecessary right scrollbar */
#x2flow-main .ui-resizable-s {
	bottom: 0px !important;
}


#x2flow-main-config .row {
	overflow: hidden;
}

/*
labels
*/

.x2flow-yes-label {
    display: inline;
    font-size: 8pt;
    top: -14px;
    position: relative;
    color: rgb(85, 85, 85);
}

.x2flow-no-label {
    display: inline;
    font-size: 8pt;
    position: relative;
    top: 30px;
    left: -18px;
    color: rgb(85, 85, 85);
}


.x2flow-node > div.x2flow-icon-label {
    width: 54px;
    text-align: center;
    display:block;
    position: relative;
    top: -18px;
    left: -7px;
    font-size: 8pt;
    color: rgb(85, 85, 85);
}

.x2flow-node.x2flow-trigger > div.x2flow-icon-label {
    width: 76px;
    left: -18px;
}


div.x2flow-placeholder div.x2flow-yes-label,
div.x2flow-placeholder div.x2flow-no-label,
div.x2flow-placeholder div.x2flow-icon-label,
#item-box .x2flow-node > div.x2flow-icon-label,
.x2flow-node.x2flow-placeholder > div.x2flow-icon-label,
.x2flow-helper > div.x2flow-icon-label,
.x2flow-helper div.x2flow-icon-label,
.x2flow-helper  div.x2flow-yes-label,
.x2flow-helper  div.x2flow-no-label {
    display:none;
}


/*
label toggle checkbox
*/

#x2flow-show-labels-checkbox-container {
    line-height: 40px;
    /*width: 130px;*/
}

#x2flow-show-labels-checkbox-container label {
    float: left;
    vertical-align: middle;
    display: inline;
    margin-right: 4px;
}

#x2flow-show-labels-checkbox {
    vertical-align: middle;
    display: inline;
    margin-top: 14px;
    margin-right: 20px;
}



/* 
rules for config box rich text field 
*/

#x2flow-main-config .editor-container {
	min-width: 550px;
	width: 75%;
	max-width: 750px;
}

#cke_configFormEditor {
	margin-bottom: 5px !important;
}





/*
trigger logs
*/

#x2flow-trace-menu {
    padding: 5px 9px;
}

#x2flow-trace-menu .gridview-button {
    margin-right: 4px;
}

#trigger-log-dialog {
    max-height:"500px";
    overflow-x:"hidden";
}

#trigger-log-fmt a span,
#trigger-log-fmt a {
    color: #004baf;
}

#trigger-log-fmt a {
    outline: 0;
}



